﻿<div class="photoMain">

<style>
.photoTitle {margin:20px 0px; font-size:28px;}
.photoInfo { margin:0px 0px 20px 0px; border-bottom:1px #ccc solid;}

#photoNav1 a, #photoNav2 a {color:#0066cc}

.max600 {max-width:600px; }
</style>


	<div class="photoTitle">#{post.Title}
	<span class="note left10" style="font-weight:normal;font-size:12px">:{uploaded}#{post.Created} <span class="left10">_{view}: #{post.Hits} #{post.Tags}</span></span>
	</div>
	
	<table style="width: 100%" class="photoInfo">
		<tr>
			<td id="photoNav1">
				#{photoStats}
				<span class="left20"><img src="~img/zoomOut.gif" /></span> <a href="#{post.ImgUrl}" target="_blank">:{viewOriginalPhoto}</a>#{post.AlbumAndLink}
			</td>
			<td style="text-align:right;padding-right:20px" id="photoNav2">#{post.PrevNext}</td>
		</tr>
	</table>
	
	<div>
	    <div><a href="#{post.NextLink}" title=":{hitToNext}"><img src="#{post.ImgMediumUrl}" alt="#{post.Title}" class="imgDetail max600" /></a></div>
	    <div style="margin-top:10px; color:#666;">#{post.Description}</div>
	    <div class="shareCmd" data-title="#{post.Title}" data-pic="#{post.ImgUrl}"></div>

	</div>

	
	#{visitorList}

	<div class="frmLoader" url="#{commentUrl}"></div>
		
</div>

<script>
_run( function() {
    wojilu.tool.shareFull();
    wojilu.ctx.changeUrl = false;
    wojilu.ui.frmLoader();
});
</script>


